<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>leazer的个人博客</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<header id="header" class="clearfix">
    <span class="header-logo">Leazer的个人博客</span>
    <form class="header-search" action="">
        <input id="header-submit" type="submit" value="search">
        <input id="header-text" type="text" placeholder="输入关键词" autocomplete="off">
    </form>
</header>
<main id="main">
    <section class="main-result">
        <div class="result-bar">
            <div class="result-title">搜索结果如下</div>
            <div class="result-fold">关闭</div>
        </div>
        <div class="result-content">
            <ul class="result-list clearfix">
                <li>例如：<a href="./article/小站与我.html">小站与<span style="color: var(--color-main)">我</span></a></li>
            </ul>
        </div>
    </section>
    <section class="main-articles">
        <ul class="articles-list"></ul>
    </section>
    <section class="main-control">
        <div class="control-wrap">  
            <div class="control-left">&lt;</div>
            <div class="control-info">
                <span class="page-now">5</span>/<span class="page-all">10</span>
            </div>
            <div class="control-right">&gt;</div>
        </div>
    </section>
</main>
<footer id="footer">
    Copyright &#169; leazer
</footer>
<script src="./js/data.js"></script>
<script src="./js/comm.js"></script>
<script src="./js/render.js"></script>
</body>
</html>